<template>
	<div class="page">
		<c-title :hide="false" text="我的"></c-title>
		<div class="userinfo">
			<div class="top">
				<div class="img_l">
					<img src="../../assets/images/goods/pull_up@2x.png" alt="">
				</div>
				<div class="r">
					和福堂中医院
				</div>
			</div>
			<div class="bot">
				<div class="name">陈</div>
				<div class="zjhbot">
					<div class="l">
						<div class="zjh">证件号：156456789</div>
						<div class="zjh">诊疗号：15456456789</div>
					</div>
					<div class="ewm">
						<img src="" alt="">
					</div>
				</div>
			</div>
		</div>
		<div class="addjzt">
			添加就诊人
		</div>
		<div class="content">
			
			<div class="title">支付服务</div>
			<div class="con">
				<div class="list" v-for="(item,index) in zflist" :key="index">
					<div class="img">
						<img src="" alt="">
					</div>
					<div class="text">
						{{item.text}}
					</div>
				</div>
			</div>
			<div class="title">综合查询</div>
			<div class="con">
				<div class="list" v-for="(item,index) in zhlist" :key="index">
					<div class="img">
						<img src="" alt="">
					</div>
					<div class="text">
						{{item.text}}
					</div>
				</div>
			</div>
			<div class="title">便民服务</div>
			<div class="con">
				<div class="list" v-for="(item,index) in bmlist" :key="index">
					<div class="img">
						<img src="" alt="">
					</div>
					<div class="text">
						{{item.text}}
					</div>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
		
	export default{
		data(){
			return{
				zflist:[
					{
						img: '../../assets/images/goods/pull_up@2x.png',
						text:'取号支付'
					},
					
				],
				zhlist:[
					{
						img:'../../assets/images/goods/pull_up@2x.png',
						text:'检验报告单'
					},
					{
						img:'../../assets/images/goods/pull_up@2x.png',
						text:'检查报告单'
					},
					{
						img:'../../assets/images/goods/pull_up@2x.png',
						text:'门诊花费'
					},
					{
						img:'../../assets/images/goods/pull_up@2x.png',
						text:'每日清单'
					}
				],
				bmlist:[
					{
						img:'../../assets/images/goods/pull_up@2x.png',
						text:'智能就诊'
					},
					{
						img:'../../assets/images/goods/pull_up@2x.png',
						text:'就客服务'
					},
					{
						img:'../../assets/images/goods/pull_up@2x.png',
						text:'就餐服务'
					},
					{
						img:'../../assets/images/goods/pull_up@2x.png',
						text:'药立方'
					}
				]
			}
		}
	}
</script>

<style scoped lang="scss">
	.page{
		.addjzt{
			padding: 1rem;
		}
		.userinfo{
			padding: 0.5rem;
			background-color: #D8F2F2;
			.bot{
				text-align: left;
				.zjhbot{
					display: flex;
					justify-content: space-between;
				}
				.name{
					font-weight: 600;
				}
			}
			.top{
				display: flex;
				margin-bottom: 1rem;
				.r{
					font-weight: 600;
				}
				.img_l{
					margin-right: 0.5rem;
				}
			}
		}
		.content{
			background-color: #fff;
			.con{
				padding: 0.5rem;
				display: flex;
				justify-content: space-between;
				.list{
				// border-bottom: 0.02rem solid #ccc;
				}
			}
			.title{
				font-weight: 600;
			}
		}
	}
</style>